<!DOCTYPE html>
<html lang="pl">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Twój styl</title>

    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="sources/css/style.css" />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
  </head>
  <body>
    <header>
      <!-- logo -->
      <div class="top">
          <div class="logo">
            <img src="sources/images/logo.gif" alt="" />  
         </div>
         <div class="zwrot">
            <img src="sources/images/30dni.gif" width="70" height="70" alt="" />
        </div>
          <div class="zwrot-text">
              <p>Aż 30 dni na zwrot</p>
          </div>
          <div class="dostawa">
             <img src="sources/images/dostawa.png" width="100" height="100" alt="" />
          </div>
          <div class="dostawa-text">
              <p>Darmowa dostawa przy</p>
              <p>zamówieniach powyżej 75 zł</p>
          </div>
          <!--
          <div class="koszyk">
            <img src="sources/images/koszyk.png" width="100" height="100" alt="" />
          </div>
          <div class="koszyk-text">
              <p>Twój koszyk</p>
          </div>
        -->
      </div>

      <!-- menu -->
      <div class="navbar navbar-static-top" role="navigation">
        <div class="navbar-center">  
          <ul class="nav navbar-nav nav-black">
            <li><a href="main.html" class="navbar-brand"><i class="glyphicon glyphicon-home"></i> Strona Główna</a></li>
            <li><a href="woman-sets.html" class="navbar-brand">Dla Niej</a></li>
            <li><a href="man-sets.html" class="navbar-brand">DLa Niego</a></li>
            <li><a href="form.html" class="navbar-brand">Zestaw od stylisty</a></li>
            <li><a href="carnival.html" class="navbar-brand">Kolekcja karnawałowa</a></li>
            <li><a href="sale.html" class="navbar-brand">Wyprzedaż</a></li>
          </ul>
        </div>    
      </div>
    </header>

    <!-- content of the site goes here -->
    <!--
    <section class="jumbotron">
      <div class="container"> 
        <a href="carnival.html"><img class="jumbotron-image" src="sources/images/kolekcja_karnawalowa.jpg" alt="" /></a>
      </div>
    </section>
  -->

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <a href="carnival.html"><center><img src="sources/images/kolekcja_karnawalowa.jpg" alt=""></center></a>
        </div>
        <div class="item">
          <a href="sale.html"><center><img src="sources/images/sale2.jpg" alt=""></center></a>
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  
  
    <script>
      $('.carousel').carousel({
      interval: 3000
      })
   </script>
    
    <section class="social-well">
     <center> <a href="http://facebook.com"><img class="social" src="sources/images/facebook.jpg" alt="" /></a>
      <a href="sale.html"><img class="social" src="sources/images/sale.jpg" alt="" /></a>
      <a href="http://instagram.com"><img class="social" src="sources/images/instagram.jpg" alt="" /></a></center>
    </section>


    <section class="well"> 
        <div class="subscribe-text">
          Chcesz być na bieząco?
          <br/>
          <strong>Zapisz się na newsletter!</strong>
        </div>
        <form class="form-search">
          <div class="subscribe">
            <input type="text" class="input-medium search-query input-lg" placeholder="email">
            <button type="button" class="btn btn-success" data-toggle="modal" data-target=".bs-example-modal-sm">Subskrybuj</button>
            <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
              <div class="modal-dialog modal-sm">
                <div class="modal-content">
                  <div class="modal-header" id="exampleModalLabel">Potwierdzenie</div>
                  <div class="modal-body">
                    Nie ominię Ciebie teraz żadna nasza promocja!
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Zamknij</button>
                 </div>
                </div>
              </div>
            </div>
          </div>
        </form>
    </section>

    <div class="well" id="stylist">
      <div class="row-fluid">
        <div class="page-header">
           <h2><strong>Nasi styliści</strong></h2>
        </div>
      </div>
      
      <div class="container">
        <div class="row">
          <blockquote class="stylist-text">
            <p>Wszelkie zestawy ubrań są starannie kompletowane przez nasz profesjonalny, doświadczony zespół stylistów. Nasze motto brzmi:</p>
            <div class="quote"><em>„Dobrze ubrany człowiek, to dobrze ubrany umysł”</em></div>
          </blockquote>
        </div>

        <div class="row">
          <div class="col-md-4">
            <div class="thumbnail" id="stylist-thumbnail">
              <div class="caption">
                <h3>Michał Jarzombek </h3>
              </div>
              <img class="img-circle" src="sources/images/stylista-blondyn.jpg" alt="" />
              <h3><span class="label label-danger label-lg">Trener Wizerunku</span></h3>
              <h3><span class="label label-danger label-lg">Dress Code</span></h3>  
              <h3><span class="label label-danger label-lg">Trend Analysys</span></h3>            
            </div>
          </div>

          <div class="col-md-4">
            <div class="thumbnail" id="stylist-thumbnail">
              <div class="caption">
                 <h3>Jessica Mercedes</h3>
              </div>
              <img class="img-circle" src="sources/images/stylista-kate.jpg" alt="" />
              <h3><span class="label label-danger label-lg">Color Theory</span></h3>
              <h3><span class="label label-danger label-lg">Makeup Artistry</span></h3>
              <h3><span class="label label-danger label-lg">Trend Forecasting</span></h3>
            </div>
          </div>

          <div class="col-md-4">
            <div class="thumbnail" id="stylist-thumbnail">
              <div class="caption">
                <h3>Izuagbe Ugonoh</h3>
              </div>
              <img class="img-circle" src="sources/images/stylista-dyshaun.jpg" alt="" />
              <h3><span class="label label-danger label-lg">Doradca Wizerunku</span></h3>
              <h3><span class="label label-danger label-lg">Fashion Design</span></h3>
              <h3><span class="label label-danger label-lg">Creativity</span></h3>
            </div>
          </div>
        </div>   
      </div>
    </div>



    <!-- footer -->
    <footer>
      <div class="footer navbar-fixed-bottom" >
        <div class="navbar-inner navbar-footer">
          <strong>Copyright by Kamil Kajdy & Tyberiusz Kriger 2015</strong>
        </div>
      </div>
    </footer>
  </body>
</html>